<script setup lang="ts">
import {store_app_configs_info} from "@/data/data_stores/app/store_app_configs_info";
import {store_player_audio_info} from "@/views/view_app/page_metadata/page_folder/page_music/music_page/page_player/store/store_player_audio_info";
import {NButton, NIcon} from "naive-ui";
import {MoreCircle32Regular} from "@vicons/fluent";
</script>

<template>
  <n-space vertical>
    <div style="font-weight: 600;font-size: 16px;margin-bottom: 4px;">
      {{ $t('TabServer') }} >
    </div>

    <n-space vertical style="margin-bottom: 20px;">
      <n-card vertical style="width: 410px;">
        <n-grid :y-gap="8" :cols="2" style="margin-left: 2px;">
          <!---->
          <n-gi>
            <span style="font-size: 16px;font-weight: 600;">
              {{ $t('LabelServerName') }}
            </span>
          </n-gi>
          <n-gi>
            <span style="font-size: 16px;font-weight: 600;">
              1.1.0
            </span>
          </n-gi>
          <!---->
          <n-gi>
            <span style="font-size: 16px;font-weight: 600;">
              {{ $t('LabelServerVersion') }}
            </span>
          </n-gi>
          <n-gi>
            <span style="font-size: 16px;font-weight: 600;">
              1.1.0
            </span>
          </n-gi>
          <!---->
          <n-gi>
            <span style="font-size: 16px;font-weight: 600;">
              {{ $t('LabelWebVersion') }}
            </span>
          </n-gi>
          <n-gi>
            <span style="font-size: 16px;font-weight: 600;">
              1.1.0
            </span>
          </n-gi>
          <!---->
          <n-gi>
            <span style="font-size: 16px;font-weight: 600;">
              {{ $t('LabelBuildVersion') }}
            </span>
          </n-gi>
          <n-gi>
            <span style="font-size: 16px;font-weight: 600;">
              1.1.0
            </span>
          </n-gi>
        </n-grid>
      </n-card>
      <n-space>
        <n-button>
          {{ $t('ButtonScanAllLibraries') }}
        </n-button>
        <n-button>
          {{ $t('Restart') }}
        </n-button>
      </n-space>
    </n-space>

    <n-space vertical style="margin-bottom: 20px;">
      <div style="font-weight: 600;font-size: 16px;margin-bottom: 4px;">
        {{ $t('HeaderActivity') }} >
      </div>
      <n-card style="width: 680px;height: 120px;">

      </n-card>
    </n-space>

    <n-space v-if="false" vertical style="margin-bottom: 20px;">
      <div style="font-weight: 600;font-size: 16px;margin-bottom: 4px;">
        {{ $t('HeaderPaths') }} >
      </div>
      <n-card style="width: 680px;">
        <n-space vertical>
          <span>
            {{ $t('LabelCache') }} >
          </span>
          <span>
            {{ $t('LabelLogs') }} >
          </span>
          <span>
            {{ $t('LabelMetadata') }} >
          </span>
          <span>
            {{ $t('LabelTranscodes') }} >
          </span>
          <span>
            {{ $t('LabelWeb') }} >
          </span>
        </n-space>
      </n-card>
    </n-space>

  </n-space>
</template>
<style>

</style>